@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; font-family:"宋体" }
li { list-style:none; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a:hover{
text-decoration:none;
}

.top{background-color: #2c3f52; }
.top ul:after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}
.turn_page{ clear:both;width:100%; height:40px; font-size:12px; color:#686868; padding-top:20px;}
.top ul{margin-left: 30px;}
.top li{ float:left; width:120px;  }
.top li p{height:50px; line-height:50px; font-size:16px; text-align:center; color: #fff;}
.content{
	margin-top:60px;
	min-width:1100px;
}
.content .main .content-left, .content-right{display: inline-block;}
.content .main .shop{ position: relative; height: 250px; border: 1px solid #ccc;width:80%;margin-left:10%; }
.content .main .shop p,.content .main .shop span{
	color:#000;
}
.main .shop .content-left{    position: absolute;width: 208px; top: 18px;    margin-left: 20px;}
.main .shop .content-left img{  width: 100%; height: 208px; }
 .main .shop .content-right{    margin-left:60%;line-height: 46px;}
  .main .shop .content-right p:nth-child(1){ font-size: 18px; font-weight: bold; }
.main .shop .content-right p:nth-child(2){ font-size: 30px; color:#e32448; }
.main .shop .content-right .del, .add{cursor:pointer; display: inline-block; width: 20px; height: 20px; border: 1px solid #ccc; line-height: 20px; text-align: center; }
.shop .p1, .shop .div1{ display: inline-block; }
.div1{ position: relative; }
.div1 input{border:1px solid #ccc; width: 20px; text-align: center; height: 20px; line-height: 20px; position: absolute;top: 12px;left:30px; }
/* .div1 span:nth-child(3){    margin-left: 31px;} */
.content-right .buy{ width: 150px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; background:#e32448; color: #fff;
font-size: 20px; margin-top: 10px;}
.main ul li{float: left;  width:calc( 49% - 2px); margin-bottom:20px; }
.main ul li:nth-of-type(even){ float: right; }
.main ul:after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}

.main_page{     width: 348px;
    margin: 0 auto; clear: both;}
.turn_page input{
	border:1px solid #ccc;
	margin-top:4px;
}
.main_page:after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}
.first_a {
    background-position: 0 -39px;
}
.up_a {
    background-position: 0 0;
}
.next_a {
    background-position: -36px 0;
}
.last_a {
    background-position: -36px -39px;
}
.first_a,.up_a,.number_a,.next_a,.last_a{display:block;width:24px; height:24px; background-image:url(../images/page_icon.png);background-repeat:no-repeat; float:left; margin-right:8px;}
.first_a{ background-position:0 -39px;}
.num_input{margin-left:4px;display:block;width:44px; height:24px;background-repeat:no-repeat; float:right; margin-right:85px;background: #5584b2;border: 0px;color: #FFF;padding: 0 8px;line-height: 22px;}
.page_text{ float:left; margin-right:8px; line-height:26px;}